<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>新闻列表</title>
    <!-- Bootstrap -->
    <link href="assets/css/bootstrap.min.css" rel="stylesheet">
    <link href="assets/css/bootstrap-me.css" rel="stylesheet">
    <link href="assets/css/animate.css" rel="stylesheet">
    <link href="assets/css/style.css" rel="stylesheet">
    <link href="assets/css/swiper.min.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
<!-- top -->
<div class="top visible-lg">
  <div class="container">
    <div class="pull-left">欢迎来到艾夫斯信息科技有限公司！</div>
    <div class="pull-right">
      <ul class="list-inline">
        <li class="app"><i class="icon iconfont">&#xece6;</i> 手机APP</li>
        <li class="code">
          <i class="icon iconfont">&#xece4;</i> 关注微信公众号 <i class="icon iconfont">&#xea33;</i>
          <div class="code_img"><img src="assets/img/contact_08.png" alt=""></div>
        </li>
      </ul>
    </div>
  </div>
</div>
<!--导航-->
  <nav class="navbar navbar-default">
    <div class="container">
      <!-- 小屏幕导航按钮和LOGO -->
      <div class="navbar-header">
        <button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a href="index.html" class="navbar-brand"><img src="assets/img/f4.png" alt=""></a>
      </div>
      <!-- 小屏幕导航按钮和LOGO -->

      <!-- 大屏幕导航 -->
       <div class="navbar-collapse collapse">
         <ul class="nav navbar-nav navbar-right">
           <li><a href="./index.html">首页</a></li>
           <li><a href="./about.html">关于我们</a></li>
           <li><a href="./service_items.html">服务项目</a></li>
           <li><a href="./case_list.html">案例展示</a></li>
           <li><a href="./modal_list.html">模板欣赏</a></li>
           <li><a class="on" href="./news.html">新闻动态</a></li>
           <li><a href="./contact_us.html">联系我们</a></li>
         </ul>
       </div>
      <!-- 大屏幕导航 -->
    </div>
  </nav>
<!--导航-->
<!-- banner -->
  <div class="swiper-container about_banner">
    <div class="swiper-wrapper">
      <div class="swiper-slide" style="background-image: url(assets/img/news_banner.png)"></div>
    </div>
  </div>
  <!-- main -->
  <div class="wrapper tab_wrapper news_wrapper">
    <div class="container">
           <div align="center" class="tab_nav">
             <ul class="list-inline tab">
                 <li class="cur"><a href="#">企业新闻</a></li>
                 <li><a href="#">企业公告</a> </li>
                 <li class="last"><a href="#">行业新闻</a> </li>
              </ul>
           </div>
           <div class="tab_box">
             <div class="tab_details on">
                  <ul class="list-unstyled">
                    <li class=" wow fadeInUp">
                      <a href="news_details.html">
                      <div class="imgPic"><img src="assets/img/case_list1.png" height="145" width="225"></div>
                      <div class="listInfo"><div class="nTitile">国际消费者权益日即3.15，（请预留8条新闻加分页）</div>
                        <p>2018.3.15，国际消费者权益日，大众途锐被举报发动机进水严重质量问题及方向盘转不动，刹车不灵敏等问题，随之第二天
大众官方发出致歉信，并上文请示将如回此款汽车...</p>
                        <div class="n_bottom">
                          <div class="pull-left"><button class="btn" href="#">查看详情&gt;&gt;</button></div>
                          <div class="pull-right"><span><i class="icon iconfont">&#xecf4;</i> 2016-10-22</span> <span><i class="icon iconfont">&#xec84;</i> 26</span></div>
                        </div>
                      </div>
                      </a>
                    </li>
                    <li class=" wow fadeInUp">
                      <a href="news_details.html">
                      <div class="imgPic"><img src="assets/img/case_list1.png" height="145" width="225"></div>
                      <div class="listInfo"><div class="nTitile">国际消费者权益日即3.15，大众“途锐”被举报发动机进水严重质量问题</div>
                        <p>2018.3.15，国际消费者权益日，大众途锐被举报发动机进水严重质量问题及方向盘转不动，刹车不灵敏等问题，随之第二天
大众官方发出致歉信，并上文请示将如回此款汽车...</p>
                        <div class="n_bottom">
                          <div class="pull-left"><button class="btn" href="#">查看详情&gt;&gt;</button></div>
                          <div class="pull-right"><span><i class="icon iconfont">&#xecf4;</i> 2016-10-22</span> <span><i class="icon iconfont">&#xec84;</i> 26</span></div>
                        </div>
                      </div>
                      </a>
                    </li>
                    <li class=" wow fadeInUp">
                      <a href="news_details.html">
                      <div class="imgPic"><img src="assets/img/case_list1.png" height="145" width="225"></div>
                      <div class="listInfo"><div class="nTitile">国际消费者权益日即3.15，大众“途锐”被举报发动机进水严重质量问题</div>
                        <p>2018.3.15，国际消费者权益日，大众途锐被举报发动机进水严重质量问题及方向盘转不动，刹车不灵敏等问题，随之第二天
大众官方发出致歉信，并上文请示将如回此款汽车...</p>
                        <div class="n_bottom">
                          <div class="pull-left"><button class="btn" href="#">查看详情&gt;&gt;</button></div>
                          <div class="pull-right"><span><i class="icon iconfont">&#xecf4;</i> 2016-10-22</span> <span><i class="icon iconfont">&#xec84;</i> 26</span></div>
                        </div>
                      </div>
                      </a>
                    </li>
                    <li class=" wow fadeInUp">
                      <a href="news_details.html">
                      <div class="imgPic"><img src="assets/img/case_list1.png" height="145" width="225"></div>
                      <div class="listInfo"><div class="nTitile">国际消费者权益日即3.15，大众“途锐”被举报发动机进水严重质量问题</div>
                        <p>2018.3.15，国际消费者权益日，大众途锐被举报发动机进水严重质量问题及方向盘转不动，刹车不灵敏等问题，随之第二天
大众官方发出致歉信，并上文请示将如回此款汽车...</p>
                        <div class="n_bottom">
                          <div class="pull-left"><button class="btn" href="#">查看详情&gt;&gt;</button></div>
                          <div class="pull-right"><span><i class="icon iconfont">&#xecf4;</i> 2016-10-22</span> <span><i class="icon iconfont">&#xec84;</i> 26</span></div>
                        </div>
                      </div>
                      </a>
                    </li>
                  </ul>
             </div>
             <div class="tab_details">
                 <ul class="list-unstyled">
                    <li class=" wow fadeInUp">
                      <a href="news_details.html">
                      <div class="imgPic"><img src="assets/img/case_list1.png" height="145" width="225"></div>
                      <div class="listInfo"><div class="nTitile">国际消费者权益日即3.15，(请预留8条新闻加分页)</div>
                        <p>2018.3.15，国际消费者权益日，大众途锐被举报发动机进水严重质量问题及方向盘转不动，刹车不灵敏等问题，随之第二天
大众官方发出致歉信，并上文请示将如回此款汽车...</p>
                        <div class="n_bottom">
                          <div class="pull-left"><button class="btn" href="#">查看详情&gt;&gt;</button></div>
                          <div class="pull-right"><span><i class="icon iconfont">&#xecf4;</i> 2016-10-22</span> <span><i class="icon iconfont">&#xec84;</i> 26</span></div>
                        </div>
                      </div>
                      </a>
                    </li>
                  </ul>
             </div>
             <div class="tab_details">
                  <ul class="list-unstyled">
                    <li class=" wow fadeInUp">
                      <a href="news_details.html">
                      <div class="imgPic"><img src="assets/img/case_list1.png" height="145" width="225"></div>
                      <div class="listInfo"><div class="nTitile">国际消费者权益日即3.15，大众“途锐”被举报发动机进水严重质量问题</div>
                        <p>2018.3.15，国际消费者权益日，大众途锐被举报发动机进水严重质量问题及方向盘转不动，刹车不灵敏等问题，随之第二天
大众官方发出致歉信，并上文请示将如回此款汽车...</p>
                        <div class="n_bottom">
                          <div class="pull-left"><button class="btn" href="#">查看详情&gt;&gt;</button></div>
                          <div class="pull-right"><span><i class="icon iconfont">&#xecf4;</i> 2016-10-22</span> <span><i class="icon iconfont">&#xec84;</i> 26</span></div>
                        </div>
                      </div>
                      </a>
                    </li>
                  </ul>
             </div>
           </div>
           <div class="page">
             <dl class="list-inline">
               <dd><a class="pager-prev" href="#">< 上一页</a></dd>
               <dd><a class="active" href="#">1</a></dd>
               <dd><a href="#">2</a></dd>
               <dd><a href="#">3</a></dd>
               <dd><a href="#">4</a></dd>
               <dd><a href="#">5</a></dd>
               <dd><a href="#">....</a></dd>
               <dd><a href="#">100</a></dd>
               <dd><a class="pager-next" href="#">下一页 ></a></dd>
             </dl>
           </div>
    </div>
  </div>
  <!-- 腰线2 -->
  <div class="waist_line2"></div>
  <!-- 底部 -->
  <div class="footer visible-lg">
    <div class="container">
       <ul class="list-inline">
         <li><a href="#">网站首页</a><span>|</span></li>
         <li><a href="#">关于我们</a><span>|</span></li>
         <li><a href="#">成功案例</a><span>|</span></li>
         <li><a href="#">服务中心</a><span>|</span></li>
         <li><a href="#">新闻中心</a><span>|</span></li>
         <li><a href="#">高端服务</a><span>|</span></li>
         <li><a href="#">网站开发</a><span>|</span></li>
         <li><a href="#">APP开发</a><span>|</span></li>
         <li><a href="#">联系我们</a></li>
       </ul>
       <div class="row">
         <div class="col-sm-5">
           苏州艾夫斯信息科技有限公司</br>
电话：010-57151387</br>
地址：苏州市朝阳区北苑路媒体村天畅园</br>
邮编：100107
         </div>
         <div class="col-sm-4">
           E-mail：xxxx@qq.com</br>
网址：http://www.xxxx.com/</br>
版权：苏州艾夫斯信息科技有限公司</br>
备案：京ICP备11111111
         </div>
         <div class="col-sm-3">
           <img src="assets/img/code.jpg" alt="">
           <p>扫一扫，关注我们</p>
         </div>
       </div>
    </div>
  </div>
  <div class="copyright visible-lg">
    <div class="container">Copyright@2017 苏州艾夫斯信息科技有限公司 All rights reserved. </div>
  </div>
  <div class="copyright visible-xs">
    <div class="container">
      <p>版权所有 苏州艾夫斯信息科技有限公司</p>
      <p>京ICP备xxxxxx号 京公海网安备xxxxxx号</p>
    </div>
  </div>

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="assets/js/jquery-1.11.1.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="assets/js/bootstrap.min.js"></script>
    <script src="assets/js/swiper.min.js"></script>
    <script src="assets/js/jquery.singlePageNav.min.js"></script>
    <script src="assets/js/wow.min.js"></script>
    <script src="assets/js/common.js"></script>
  </body>
</html>